<ion-header>
  <ion-toolbar color="customblue">
    <ion-buttons slot="start">
      <ion-back-button class="back-icon" text="" defaultHref="/"></ion-back-button>
    </ion-buttons>
    <ion-title>在线公证办理</ion-title>
    <!-- <ion-segment [(ngModel)]="onlineTab">
      <ion-segment-button class="segment" checked value="tab1">
        <ion-label>个人办理</ion-label>
      </ion-segment-button>
      <ion-segment-button class="segment" value="tab2">
        <ion-label>企业办理</ion-label>
      </ion-segment-button>
    </ion-segment> -->
  </ion-toolbar>
</ion-header>

<!-- <ion-content [ngSwitch]="onlineTab">
  <div *ngSwitchCase="'tab1'">
    <div class="online-tab1">请选择办理机构</div>
    <div>
      <ion-item lines="none" style="font-size: 1rem;">
        <ion-label >在线申办的公证机构</ion-label>
        <ion-select cancelText="取消" okText="确认" [(ngModel)]="notaryName">
          <ion-select-option *ngFor="let item of notaryList" [value] = "item.unitGuid">{{item.notarialName}}</ion-select-option>
        </ion-select>
      </ion-item>
    </div>
    <div class="online-tab2">
      <div>请上传委托授权书</div>
      <div>代办须上传，本人办理请忽略</div>
    </div>
    <img src="../../../assets/image/bt_upload.png" class="online-img" (click)="presentActionSheet()" />
  </div>
  <div *ngSwitchCase="'tab2'">
    企业办理
  </div>
</ion-content> -->
<ion-content>
  <!-- <div> -->
    <!-- <div class="online-tab1">请选择办理机构</div>
    <div class="row_box">
      <ion-row>
        <ion-col size="3">
          <ion-input placeholder="选择省" [(ngModel)]="province" inputmode="none" (ionFocus)="openProvincePicker()"></ion-input>
        </ion-col>
        <ion-col size="3" (click)="openCityPicker()" >
          <ion-input placeholder="选择市" [(ngModel)]="city" inputmode="none" (ionFocus)="openCityPicker()"></ion-input>
        </ion-col>
        <ion-col size="6">
          <ion-input placeholder="选择公证处" [(ngModel)]="notary" inputmode="none" (ionFocus)="openNotaryPicker()"></ion-input>
        </ion-col>
      </ion-row>
    </div> -->
    
    <!-- <div>
      <ion-item lines="none" style="font-size: 1rem;">
        <ion-label >在线申办的公证机构</ion-label>
        
        <ion-select cancelText="取消" class="select_option" interface="action-sheet" okText="确认" [(ngModel)]="notaryName">
          <ion-select-option  *ngFor="let item of notaryList" [value] = "item.unitGuid">{{item.notarialName}}</ion-select-option>
        </ion-select>
      </ion-item>
    </div>
    <div class="gzc_list_box"> -->
      <!-- <ion-button expand="block" >点击</ion-button>
      <ion-button expand="block" >点击</ion-button> -->
    <!-- </div> -->
    
    <!-- <div class="online-tab2">
      <div>请上传委托授权书</div>
      <div>代办须上传，本人办理请忽略</div>
    </div>
    <div class="online-img">
      <div class="online-img1" *ngFor="let item of imgList">
        <img [src]="item.filePath" />
      </div>
      <img src="../../../assets/image/bt_upload.png" class="online-img1" (click)="presentActionSheet()" />
    </div> -->
    
  <!-- </div> -->
</ion-content>

<ion-footer>
  <ion-toolbar>
    <ion-button expand="block" class="online-btn" (click)="goFlow()">下一步</ion-button>
  </ion-toolbar>
</ion-footer>

